<template>
  <ul class="root-node">
     <li class="node-item" v-for="item in assignItem.children" :key="item.id" >
          <p class="node-title" slot="title"><Checkbox class="item" :label="item.id">{{item.title}}</Checkbox></p>
          <rrd :assignItem="item"></rrd>          
     </li>
  </ul>
</template>

<script>
  export default {
    name: 'rrd',
    // props: {
    //   assignItem: {
    //     type: Object,
    //     default: () => {}
    //   }
    // },
    props: ['assignItem']
  };
</script>

<style scoped>
/* .demo-affix {
  padding: 0px 30px;
  float: right;
  z-index: 1001
}

.cardtree {
  padding: 0px 30px;
} */
.root-node {
  list-style: none;
}
.node-item {
  /* font-size: 12px; */
  padding-left: 10px;
  text-align: left;
}
.item {
  text-align: left;
  /* padding: auto; */
}
</style>